<template>
  <div class="viewport bg-gray view-reset-recover">
    <div class="box">
      <h2>重置密码</h2>
      <input type="text" v-model="password" placeholder="请输入密码"/>
      <input type="text" v-model="passwordConfirm" placeholder="请确认密码"/>
      <r-btn primary block :disabled="signDisabled" @click="confirm">确定</r-btn>
    </div>

  </div>
</template>
<script>
import RBtn from 'src/components/r-btn'

export default {
  name: 'view-reset-recover',
  components: {
    RBtn
  },
  data () {
    return {
      password: '',
      passwordConfirm: '',
      signDisabled: false
    }
  },
  methods: {
    confirm () {
      this.$router.go(-2)
    }
  }
}
</script>
<style lang="scss">
  @import "../../styles/index";

  .view-reset-recover {
    h2 {
      font-weight: normal;
      text-align: center;
      margin: 20px 0;
    }

    .box {
      width: 300px;
      margin: 5px auto;
      border-radius: 2px;
    }

    input {
      line-height: 24px;
      padding: 8px 12px;
      border: 1px solid #ddd;
      border-radius: 3px;
      box-sizing: border-box;
      width: 100%;
      margin: 6px 0;
    }
  }
</style>
